<template>
	<view>
		<dsl-navbar title="个人明细" isBack bgTopImg="#00D88F" textTitle='white' backBg='white'></dsl-navbar>
		<view class="align-center bg-white padding">
			<image :src="data.image" mode="aspectFill" style="height: 100rpx;width: 100rpx;"
				class="round"></image>
			<view class="margin-left-sm">{{data.name||'用户信息获取失败'}}</view>
		</view>
		<view class="padding margin-tb-sm bg-white">
			<view class="text-sm text-gray">职位</view>
			<view class="margin-top-sm">
				 {{data.worktype}}
			</view>
		</view>
		<view class="padding margin-tb-sm bg-white">
			<view class="text-sm text-gray">工号</view>
			<view class="margin-top-sm">
				{{data.user_id}}
			</view>
		</view>
		<view class="padding margin-tb-sm bg-white">
			<view class="text-sm text-gray">入职时间</view>
			<view class="margin-top-sm">
				{{data.entry_time}}
			</view>
		</view>
	<!-- 	<view class="padding margin-tb-sm bg-white">
			<view class="text-sm text-gray">薪资</view>
			<view class="margin-top-sm">
				 
			</view>
		</view> -->

	</view>
</template>

<script>
	import {
		mapState,
		mapActions
	} from 'vuex'
	export default {
		data() {
			return {
				data: {}
			}
		},
		onReady() {},
		onLoad() {
			console.log('[资料]', getApp().globalData.serviceChargeData);
			this.data = getApp().globalData.serviceChargeData
		},
		onShow() {},
		methods: {


			...mapActions('', []),
		},
		computed: {
			...mapState('', []),
		},
		components: {},
	}
</script>

<style lang="scss">
	page {
		background: #F5F5F5;
	}

	.heat_top {
		width: 750rpx;
		height: 420rpx;
		background: #00D88F;
		opacity: 1;
	}

	.head_message {
		width: 710rpx;
		height: 380rpx;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 20rpx;
		margin: 0 auto;
	}

	.head_round {
		width: 54rpx;
		height: 54rpx;
		background: #00D88F;
		border: 6rpx solid #EAEEF6;
		border-radius: 50%;
		opacity: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
	}

	.head_submite {
		width: 596rpx;
		height: 98rpx;
		background: #00D88F;
		box-shadow: 0px 1rpx 10px rgba(0, 216, 143, 0.5);
		opacity: 1;
		border-radius: 60rpx;
		line-height: 98rpx;
		color: white;
		text-align: center;
		font-size: 32rpx;
		font-weight: bold;
		margin-top: 100rpx;
	}

	//查询结果
	.select_body {
		background-color: white;
		margin: 30rpx;
		padding: 30rpx;
		border-radius: 16rpx;
	}

	.select_image {
		width: 90rpx;
		height: 90rpx;
		background: #EEEEEE;
		border-radius: 50%;
		opacity: 1;
	}

	.select_stubmt {}
</style>
